<template>
    <div id="operDetail" >
        <div class="formEmbedTable mt20">
            <table > 
                <tr>
                    <td>Transaction Sequence No.</td>
                    <td>  {{detailData.flowNo}}  </td>		
                </tr>
                <tr>
                    <td>Submit</td>
                    <td> {{detailData.userAlias}} </td>
                </tr>
            </table>
        </div>
        <div >
            <el-form  :model="userInfo" class="formEmbedTable mt20">
                <table>
                    <caption>{{detailData.actionType==0 ?"Add":detailData.actionType==1?"Modify":"Delete"}}</caption>
                    <tr>	
                        <td>Operator Name</td>
                        <td>{{userInfo.userAlias}}</td>	
                        <td>Operator Role</td>
                        <td>{{userInfo.roleName}}</td>		
                    </tr>
                    <tr>
                        <td>Mobile Phone</td>
                        <td>{{userInfo.userMobile}} </td>
                        <td>Status</td>
                        <td>{{$tools.dict.getUserStt(userInfo.userStt)}}</td>					
                    </tr>
                    <tr>
                        <td>Subbordiante to Department Name</td>
                        <td>{{userInfo.branchName}}</td>
                        <td>Subbordiante to Department No.</td>
                        <td>{{userInfo.branchNo}} </td>
                    </tr>
                    <tr>
                        <td>Document Type</td>
                        <td>{{$tools.dict.certTypeDict(userInfo.userCertType)}}</td>
                        <td>Document No.</td>
                        <td>{{userInfo.userCertNo}}</td>
                    </tr>
                    <tr>
                        <td>Sex</td>
                        <td >{{userInfo.userSex}}</td>
                        <td>Desciption</td>
                        <td >{{userInfo.userDesc}}</td>
                    </tr>
                </table>
            </el-form>
        </div>
        <div class="btnArea mt20 tac">
            <el-button type="primary" @click="backMain">Back</el-button>
        </div>
    </div>
</template>
<script>
 //import ghbIcon from '@src/components/icon'
    export default {
        name:'operDetail',
        components:{
            //ghbIcon,
        },
        props:['detailData',],
        mounted(){
            let userTemp=this.detailData.imUserInfoList[0];
            this.userInfo={}
            this.oldUserInfo={}
            let tep={}
            $.each(userTemp,function(i,n){
                let key=i;
                let val=n.value;
                tep[key]=val;
            })
            this.userInfo=$.extend(this.userInfo,tep)
        },
        data(){
            return{
                userInfo:{},
                dialogTableVisible:false,
            }
        },
        methods:{
            
            backMain(){
                 this.$emit("back")
            },
            

        }
    }
</script>
<style>
    
</style>
